<template>
    <div class="login-box">
        <v-toolbar depressed color="blue-grey lighten-5" class="title-box">
            <v-icon class="material-icons" @click="$router.back(-1)">arrow_back</v-icon>
        </v-toolbar>
        <div class="content-box">
            <div class="choice-btn">
                <router-link to="./login">Create new account</router-link>
            </div>
            <div class="choice-btn">
                <router-link to="./login">Already have account, login here</router-link>
            </div>

        </div>
        <v-footer fixed class="pa-3 footer-telphone" color="darken-3">
            <v-layout row wrap justify-center>
            <v-flex xs12 class="text-md-center text-xs-center">Customer support</v-flex>
                <v-flex xs12>
                    <v-flex d-flex>
                    <v-btn outline color="darken-3" class="telphone-btn">
                        <v-icon class="material-icons" color="green accent-4">local_phone</v-icon>
                        09967611168
                    </v-btn>
                    <v-btn outline color="darken-3" class="telphone-btn">
                        <v-icon class="material-icons" color="green accent-4">local_phone</v-icon>
                        09951203008
                    </v-btn>
                    </v-flex>
                </v-flex>
            </v-layout>

        </v-footer>
    </div>
</template>

<script>
    export default {
        name: 'loginRegister',
        data() {
            return {
            }
        }
    };
</script>
<style>
    .content-box{
        padding:0 15px;
    }
    .login-box .toolbar{
        box-shadow: none;
        color:#444;
    }
    .login-box .title-text{
        color:#444!important;
        margin:0 auto!important;
        padding-right:46px;
    }
    .choice-btn{
        width:100%;
        margin:0;
        height: 42px;
        border-radius: 5px;
        border: thin solid #888 !important;
        text-transform:none !important;
        color:#444 !important;
        margin-top:12px;
        font-weight: 400;
    }
    .choice-btn a{
        display: block;
        height: 40px;
        line-height: 40px;
        text-decoration: none;
        color: #444;
        text-align: center;
    }
    .telphone-btn.btn{
        color:#444;
        border-radius: 5px;
        border: thin solid #888 !important;
        font-weight: 400;
    }
    .footer-telphone>:last-child{
        margin-left:0!important;
        margin-right:0!important;
    }
    .footer-telphone{
        background: #fff!important;
    }
    .footer-telphone .text-xs-center{
        color:#444;
    }
</style>
